import React from 'react'
import { MoreOutline, LocationOutline } from 'antd-mobile-icons'
import styles from './index.module.css'

interface HeaderProps {
  title: string
  showMore?: boolean
  showLocation?: boolean
}

const Header: React.FC<HeaderProps> = ({ 
  title, 
  showMore = true, 
  showLocation = true 
}) => {
  return (
    <header className={styles.header}>
      <h1 className={styles.title}>{title}</h1>
      <div className={styles.headerActions}>
        {showMore && (
          <button className={styles.iconBtn}>
            <MoreOutline />
          </button>
        )}
        {showLocation && (
          <button className={styles.iconBtn}>
            <LocationOutline />
          </button>
        )}
      </div>
    </header>
  )
}

export default Header
